<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>欢乐指数管理系统</title>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    <meta name="description" content="Ela Admin - HTML5 Admin Template">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="apple-touch-icon" href="https://i.imgur.com/QRAUqs9.png">
    <link rel="stylesheet" href="../manage/delivr/normalize.min.css">
    <link rel="stylesheet" href="../manage/delivr/bootstrap.min.css">
    <link rel="stylesheet" href="../manage/delivr/font-awesome.min.css">
    <link rel="stylesheet" href="../manage/delivr/themify-icons.css">
    <link rel="stylesheet" href="../manage/delivr/pe-icon-7-stroke.min.css">
    <link rel="stylesheet" href="../manage/delivr/flag-icon.min.css">
    <link rel="stylesheet" href="../manage/assets/css/cs-skin-elastic.css">
    <link rel="stylesheet" href="../manage/assets/css/style.css">

    <link href='manage/delivr/css?family=Open+Sans:400,600,700,800' rel='stylesheet' type='text/css'>


<link rel="shortcut icon" href="/images/bitbug_favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="/common/css/common.css"/>

<script type="text/javascript" src="/common/js/common.js"></script>
<script type="text/javascript" src="/common/js/ajax.js"></script>
<script type="text/javascript" src="/common/js/validate.js"></script>
<script type="text/javascript">
	function checkForm(){
		try{
			if(commonCheckForm("loginForm")){
				setCookie("userName",$E('userName').value);
				return true;
			}else{
				return false;
			}
		}catch(e){
			alert(e.message);
			return false;
		}
	}
	
</script>
</head>
<body class="bg-dark">

    <div class="sufee-login d-flex align-content-center flex-wrap">
        <div class="container">
            <div class="login-content">
                <div class="login-logo">

                        <img class="align-content" src="../manage/images/index-logo.png" alt="">

                </div>
                <div class="login-form">
                    <form  action="/userAction.chtml" theme="simple" name="loginForm" method="post" onsubmit="return checkForm();">
                        <div class="form-group">
                            <label>用户</label>
							<input type="text" name="username" id="userName" class="form-control" must="true" vt="string" tip="用户名"/>
                            <!--<input type="email" class="form-control" placeholder="Email">-->
                        </div>
                        <div class="form-group">
                            <label>密码</label>
							<input type="password" name="password" id="password" class="form-control"  must="true" vt="string"  tip="密码" min="6"/>
                            <!--<input type="password" class="form-control" placeholder="Password">-->
                        </div>
						<div class="form-group">
                            <label style="float:left;width:100%;">验证码</label>
							<input type="text" name="validate" id="validate" class="form-control" style="width:50%;float:left;"  must="true" vt="string"  tip="验证码"/>
                                                    <img src="/getValidate.chtml?name=loginValidate" style="height:calc(2.25rem + 2px); margin:1px 0 0 5px; cursor:pointer;" title="点击换一张" onclick="this.src='/getValidate.chtml?name=loginValidate';"/>
                        </div>

                        <button type="submit" class="btn btn-success btn-flat m-b-30 m-t-30" style="background-color:#7a1712;">登 录</button>

                        <div class="checkbox">

                            <label class="pull-left">
							
                            </label>

                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script src="../manage/delivr/jquery.min.js"></script>
    <script src="../manage/delivr/popper.min.js"></script>
    <script src="../manage/delivr/bootstrap.min.js"></script>
    <script src="../manage/delivr/jquery.matchHeight.min.js"></script>
    <script src="../manage/assets/js/main.js"></script>

</body>

</html>
